<template>
    <div>
       <el-container>
        <el-aside width="auto" style="overflow: hidden; position: fixed;">
          <Aside></Aside>
        </el-aside>
        <el-container :style="{marginLeft:w+'px'}">
          <el-header>     
            <HeaDer>           
            </HeaDer>
          </el-header>

          <el-main>
            <router-view>
            </router-view>
          </el-main>
        </el-container>
      </el-container>
    </div>
  </template>
  
  <script>
  import { mapState } from 'vuex';
  import Aside from '@/components/Background/Home/aside.vue';
  import HeaDer from '@/components/Background/Home/Header.vue';
  export default {
    components:{
      Aside,
      HeaDer,
    },
    data(){
      return{
        
      }
    },
    computed:{
      ...mapState('tab',['w'])
    },
  }
  </script>
  
  <style scoped lang="less">
  *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
  .el-header{
    padding: 0;
  }
  </style>